function TodoFilter({ onFilter }) {
  return (
    <div>
      <button onClick={() => { onFilter('all') }}>All</button>
      <button onClick={() => { onFilter('active') }}>Active</button>
      <button onClick={() => { onFilter('completed') }}>Completed</button>
    </div>
  )
}

export default TodoFilter